<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico" />
<title>音楽CD - 太正浪漫資料館</title>
	<!-- Font Awesome -->
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
	<!-- Pixel Fabric clothes icons -->
	<link rel="stylesheet" type="text/css" href="fonts/pixelfabric-clothes/style.css" />
	<!-- General demo styles & header -->
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	 <!-- Flickity gallery styles -->
	<link rel="stylesheet" type="text/css" href="css/flickity.css" />
	<!-- Component styles -->
	<link rel="stylesheet" type="text/css" href="css/component.css" />
	<script src="js/modernizr.custom.js"></script>
</head>
<body>
<script src="top.js"></script>
	<!-- Bottom bar with filter and cart info -->
	<div class="bar">
		<div class="filter">
			<button class="action filter__item filter__item--selected" data-filter="*">All</button>
			<button class="action filter__item" data-filter=".ost">OST</span></button>
			<button class="action filter__item" data-filter=".signal">Signal</span></button>
			<button class="action filter__item" data-filter=".album">Album</span></button>
		</div>
		<div class="cart">
		</div>
	</div>
	<!-- Main view -->
	<div class="view">
		<!-- Grid -->
		<section class="grid grid--loading">
			<!-- Loader -->
			<img class="grid__loader" src="images/grid.svg" width="60" alt="Loader image" />
			<!-- Grid sizer for a fluid Isotope (Masonry) layout -->
			<div class="grid__sizer"></div>
			<!-- Grid items -->
			<div class="grid__item ost">
				<div class="slider">
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7Gxv4.jpg" alt="" /></div>
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7JF56.jpg" alt="" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">サクラ大戦「帝撃歌謡全集」</h3>
					<span class="meta__brand">1996/12/18</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item signal">
				<div class="slider">
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7JyzF.jpg" alt="" /></div>
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7J2L9.jpg" alt="" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">檄!帝国華撃団</h3>
					<span class="meta__brand">1996/12/18</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item signal">
				<div class="slider">
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7JIJK.jpg" alt="" /></div>
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7JHQe.jpg" alt="" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">花咲く乙女</h3>
					<span class="meta__brand">1997/03/21</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			<div class="grid__item ost">
				<div class="slider">
					<div class="slider__item"><img src="https://s2.ax1x.com/2019/12/18/Q7JXdI.jpg" alt="" /></div>
				</div>
				<div class="meta">
					<h3 class="meta__title">サクラ大戦 蒸気畜音館</h3>
					<span class="meta__brand">1997/05/02</span>
				</div>
				<button class="action action--button action--buy"><i class="fa fa-shopping-cart"></i><span class="text-hidden">Add to cart</span></button>
			</div>
			
		</section>
		<!-- /grid-->
	</div>
	<!-- /view -->
	
	<script src="js/isotope.pkgd.min.js"></script>
	<script src="js/flickity.pkgd.min.js"></script>
	<script src="js/cd.js"></script>
</body>
</html>
